<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/logo.png" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0 viewport-fit=cover"
    />
    <title>莲都区土地综合整治管理</title>
  <script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=p98CWzmfaHS1W1qiucDmdwdcm1aBLvf1"></script>

  </head>
  <body>
    <div id="app"></div>
    <script src="/tele_interface.js"></script>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script id="vertexShader" type="x-shader/x-vertex">

    varying vec2 vUv;

    void main()	{

      vUv = uv;

      gl_Position = projectionMatrix * (modelViewMatrix * vec4( position, 1.0 ));

    }
  </script>

<script id="fragmentShader" type="x-shader/x-fragment">
    varying vec2 vUv;

    uniform float iTime;
    uniform vec3 color;
    void main()	{
      vec2 uv = -1.0 + 2.0 * vUv;
      float time = iTime * 0.3 + 0.0*0.01;
      // To create the BG pattern
      vec3 wave_color = vec3(0.0);
      // To create the waves
      float wave_width = 0.01;
      uv.y -= 0.8;
      for(float i = 0.0; i < 5.0; i++) {

        // uv.y += cos(i * 2.0 + iTime ) > 0.0 ? sin(i * 2.0 + iTime ) : -sin(i * 2.0 + iTime ) ;
        // 控制线条运动方式。  sin 内部控制速度    外面控制幅度
        uv.y +=  sin(i * 2.3 + iTime ) * 1.0 ;
        // 控制线条宽度
        wave_width = abs(1.0 / (40.0 * uv.y));
        wave_color += vec3(wave_width , wave_width * 3.9, wave_width * 4.5);
      }
      gl_FragColor = vec4(wave_color, ((wave_color.r + wave_color.g + wave_color.b) / 4.0) - 0.2);
    }
  </script>
</html>
